<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:include href="../template/template.xsl"/>
    
    <xsl:output method="html"/>
    
    <xsl:template match="/">
        <html xmlns="http://www.w3.org/1999/xhtml">
            <xsl:call-template name="header"/>
            
            <body class="metro">
            
                <div id="wrapper">
                    <xsl:call-template name="menu"/>
                
                    <div id="page-wrapper">
                        <ol class="breadcrumb">
                            <li>
                                <a href="index.html"><i class="fa fa-home"></i> Accueil</a>
                            </li>
                            <li class="active">
                                <i class="fa fa-map-marker"></i> Localisation des hôtels
                            </li>
                        </ol>
                        
                        <div class="page-header">
                            <h3>Localisation des hôtels</h3>
                        </div>
                        <p>
                            <div id="googleMap"></div>
                        </p>
                    </div>
                
                    <xsl:call-template name="footer"/>
                </div>
                
                <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyC5QDJ__q3fWx-GwY_wknuE-_wDdOg-1e8&amp;sensor=false">
                </script>
                <script type='text/javascript' src='js/markercluster.js'></script>
                <script type='text/javascript' src='js/localisation.js'></script>
            </body>
        </html>
    </xsl:template>
</xsl:stylesheet>